<template>
    <van-nav-bar :border="false" title="" @click-right="onClickRight" @click-left="onClickLeft">
      <van-icon name="friends" size="20px" slot="left" />
      <van-icon name="setting" size="20px" slot="right" />
    </van-nav-bar>
</template>

<script>
import common from "../../../../util/index";
import {NavBar,Icon} from "vant/es";


export default {

  components: {
    [NavBar.name]:NavBar,
    [Icon.name]:Icon,
  },

  computed: {
  },

  data() {
    return {
    };
  },



  methods: {
    onClickRight(){
      this.openWin("../settings/settings.html",{
        singleInstance:true,
      });
    },
    onClickLeft(){
      this.openWin("../conners/conners.html",{
        singleInstance:true,
        animation:{
          type:"movein",
          subType:"from_top",
        },
      });
    },
    ...common.methods,
  },

};

</script>

<style lang="scss">
  @import "../../../../assets/style/var.scss";

  .van-nav-bar{
    background: $index-bg !important;
  }
</style>
